<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java"
pageEncoding="UTF-8"
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图书管理</title>
<%--<link type="text/css" rel="stylesheet" href="../../static/css/common.css" >--%>
    <%@include file="/pages/common/head.jsp"%><%--静态引用,包括项目起始点,和css,jquery等头部信息 --%>
</head>
<body>

    <div id="header">
            <img class="logo_img" alt="" src="../../static/img/logo.gif_old" >
            <span class="wel_word">图书管理系统</span>
<%--            <div>--%>
<%--                <a href="book_manager.jsp">图书管理</a>--%>
<%--                <a href="order_manager.jsp">订单管理</a>--%>
<%--                <a href="../../index_book.jsp">返回商城</a>--%>
<%--            </div>--%>
        <%@include file="/pages/common/manager_menu.jsp"%> <%--静态包含,导航公共页--%>
    </div>

    <div id="main">
        <table>
            <tr>
                <td>名称</td>
                <td>价格</td>
                <td>作者</td>
                <td>销量</td>
                <td>库存</td>
                <td colspan="2">操作</td>
            </tr>
            <c:forEach items="${requestScope.page.items}" var="book" >
                <tr>
                    <td>${book.name}</td>
                    <td>${book.price}</td>
                    <td>${book.author}</td>
                    <td>${book.sales}</td>
                    <td>${book.stock}</td>
                    <td><a href="<%=basepath+"manager/bookServlet?action=editBook&id="%>${book.id}&page=${requestScope.page.pageNo}">修改</a></td>
                    <td><a class="deleteClass"  href="<%=basepath+"manager/bookServlet?action=deleteBook&id="%>${book.id}&page=${requestScope.page.pageNo}">删除</a></td>
                </tr>
            </c:forEach>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td>
                    <a href="<%=basepath+"manager/bookServlet?action=editBook&page="%>${requestScope.page.pageTotal}">
                        添加图书
                    </a>
                </td>
            </tr>
        </table>

        <div id="page_nav">
            <c:if test="${requestScope.page.pageNo!=1}">
                <a href="<%=basepath%>${requestScope.page.url}&pageNo=1">首页</a>
                <a href="<%=basepath%>${requestScope.page.url}&pageNo=${requestScope.page.pageNo-1}">上一页</a>
            </c:if>

            <c:choose>

                <%--当总页数小于等于5时,显示从1到最多页数--%>
                <c:when test="${requestScope.page.pageTotal<=5}">
                    <c:set var="begin" value="1"></c:set>
                    <c:set var="end" value="${requestScope.page.pageTotal}"></c:set>
                </c:when>
                <c:when test="${requestScope.page.pageTotal>5}">
                    <c:choose>
<%--                        1 2 3--%>
                        <c:when test="${requestScope.page.pageNo<=3}">
                            <c:set var="begin" value="1"></c:set>
                            <c:set var="end" value="5"></c:set>
                        </c:when>
<%--                        8 9 10--%>
                        <c:when test="${requestScope.page.pageNo >= requestScope.page.pageTotal-2}">
                            <c:set var="begin" value="${requestScope.page.pageTotal-4}"></c:set>
                            <c:set var="end" value="${requestScope.page.pageTotal}"></c:set>
                        </c:when>
<%--                        4 5 6 7--%>
                        <c:otherwise>
                            <c:set var="begin" value="${requestScope.page.pageNo-2}"></c:set>
                            <c:set var="end" value="${requestScope.page.pageNo+2}"></c:set>
                        </c:otherwise>
                    </c:choose>
                </c:when>
            </c:choose>
            <c:forEach begin="${begin}" end="${end}" var="i">
                <c:if test="${requestScope.page.pageNo==i}">
                    [${i}]
                </c:if>
                <c:if test="${requestScope.page.pageNo!=i}">
                    <a href="<%=basepath%>${requestScope.page.url}&pageNo=${i}">${i}</a>
                </c:if>
            </c:forEach>
            <c:if test="${requestScope.page.pageNo!=requestScope.page.pageTotal}">
                <a href="<%=basepath%>${requestScope.page.url}&pageNo=${requestScope.page.pageNo+1}">下一页</a>
                <a href="<%=basepath%>${requestScope.page.url}&pageNo=${requestScope.page.pageTotal}">末页</a>
            </c:if>
            共${requestScope.page.pageTotal}页，
                ${requestScope.page.pageTotalCount}条记录
                到第<input value="${requestScope.page.pageNo}" name="pn" id="pn_input"/>页
            <input type="button" value="确定" id="searchPageBtn">
            <script>
                $('#searchPageBtn').click(function(){
                    var pageNo=$("#pn_input").val();
                    //javascript 提供一个location 地址栏对象,可读可写
                    if(pageNo<1){//这是为了防止用户输入量过大
                        location.href="<%=basepath%>${requestScope.page.url}&pageNo="+1;
                    }else if(pageNo>${requestScope.page.pageTotal}){
                        location.href="<%=basepath%>${requestScope.page.url}&pageNo="+${requestScope.page.pageTotal};
                    }else{
                        location.href="<%=basepath%>${requestScope.page.url}&pageNo="+pageNo;
                    }
                });
            </script>
        </div>
    </div>

<%--        <div id="bottom">--%>
<%--            <span>--%>
<%--                尚硅谷书城.Copyright &copy;2015--%>
<%--            </span>--%>
<%--        </div>--%>
        <%@include file="/pages/common/foot.jsp"%><%--静态引用,公共底部--%>
</body>
</html>